<template>
  <div >
      <img class="header_img" src="../assets/img/header.png" alt="" />
      <!-- 头部导航开始 -->
      <div class="header">
          <div class="detail">
             <!-- 左侧导航开始 -->
          <div class="left">
              <a href=""><i class="iconfont iconshoucang2"></i><span class="">收藏花礼网(hua.com)</span>
            </a>
              <a class="wx" href=""><i class="iconfont iconweixin"></i><span class="">关注微信</span>
                <div class="wxsm">
                    <img src="../assets/img/wxguanjia_qrcode.png" alt="">
                    <p>扫码关注</p>
                    <p>回复"礼物"更多惊喜！</p>
                </div>
            </a>
              <a class="app" href=""><i class="iconfont iconshumashouji"></i><span class="">花礼网app</span>
                <div class="apps">
                    <img src="../assets/img/app_download_qrcode.png" alt="">
                    <p>新人专享100元APP礼包</p>
                </div>
            </a>
          </div>
             <!-- 左侧导航结束 -->
             <!-- 右侧导航开始 -->
        <div class="right">
            <div class="login">
                <a href=""> <span>你好，请登录</span></a>
                <a href=""><span>注册</span></a>
            </div>
            <a href=""><span>订单查询</span></a>
            <a class="kh" href=""><span>客户服务<i class="jt"></i></span>
                <div class="kh_item">
                    <p>在线付款</p>
                    <p>帮助中心</p>
                    <p>售后服务</p>
                    <p>配送范围</p>
                    <p>留言反馈</p>
                </div>
            </a>
            <a href=""><span>购物车<span class="num">(0)</span></span></a>
            <span class="title">鲜花礼品网:国内领先鲜花</span>
        </div>
        <!-- 右侧导航结束 -->   
    </div>
</div>
<!-- 头部导航结束 -->
<!-- 搜索部分开始 -->
 <div class="search">
    <img class="login" src="https://img02.hua.com/pc/2021_image/big-logo.png" alt="">
    <div class="search_left">
        <i class="iconfont iconsousuo"></i>
        <input class="inp" v-model="search" placeholder="商品关键字" type="text" />
        <button>搜索</button>
        <!-- <div></div> -->
        <span>红玫瑰</span>
        <span>永生花</span>
        <span>生日鲜花</span>
        <span>礼品卡</span>
    </div>
    <div class="search_right">
        <span><i class="iconfont icon31dianhua"></i>400-899-8188</span>
        <span><i class="iconfont iconkefu" ></i>在线客服</span>
    </div>
 </div>
<!-- 搜索部分结束 -->
  </div>
</template>

<script>
export default {
  data(){
    return{
      search:'',
    }
  },
  methods:{
  }
}
</script>
<style lang="scss"  scoped>
@import url('../assets/css/index.css');
</style>
